// 切换两个盒子
// 点击登录的盒子里面的a标签，让注册的盒子显示（注册盒子显示了，登录隐藏）
$('.login a').on('click',function () {
  $('.register').show()
})
// 点击注册盒子里面的a标签，让登录盒子显示
$('.register a').on('click',function () {
  $('.register').hide()
})

// 登录功能
// 提交表单，阻止默认行为 收集数据，ajax提交
$('.login form').on('submit',function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  // console.log(data)
  // 提交ajax
  // axios.post(url,请求体).then(函数)
  axios.post('/api/login',data).then(res =>{
    // console.log(res)
    // 解构赋值，获取响应结果中的status/message/token
    let {status,message,token} = res.data
    if (status === 0) {
      // 保存 token ==> localStorage
      localStorage.setItem('token',token)
      // 提示
      layer.msg(message,{time:1000},function () {
          // 跳转到 index.html
      location.href = './index.html'
      })   
    }
  })
  // $.ajax({
  //   type:'post',
  //   url:'http://www.itcbc.com:8080/api/login',
  //   data:data,
  //   success:function () {
  //   }
  // })
})

// 注册功能
// 提交表单，阻止默认行为 收集数据，ajax提交
$('.register form').on('submit',function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/api/reguser',data).then(res => {
  // console.log(res)
    let {status,message} = res.data
    if (status === 0) {
      layer.msg(message)
      // 清空输入框（重置表单）
      $('.register form')[0].reset()
      // 跳转到登录
      $('.register').hide()
    }
  })
})

// 表单验证
// 自定义验证
// 使用layui的内置模块，使用之前，必须先加载模块
// 加载语法 let xxx = layui.模块名
let form = layui.form
form.verify({
  // 键（验证规则）:值（怎样验证）可以数组，函数
  // len:['正则表达式','验证不通过时的提示'],
  len:[/^\S{6,12}$/,'长度6-12位，且不能有空格'], // 正则不能有空格

  // 函数形式，函数的形参表示，使用该验证规则的输入框的值,
  // 案例中，确认密码使用了这个验证规则，形参val表示我们输入的确认密码
  same:function (val) {
    // 获取密码
    let pwd = $('.pwd').val()
    if (pwd !== val) return '两次密码不一致'   // 验证不通过时提示
  },
})